NexusPi Git Node
Commit 03c7057077d4cc7bab49f85d693e2c9756605d2e
Parents : e19d878
Author : James L <jrl290@gmail.com>
Date : 2026-04-26T22:12:56-04:00
Flasher UI: separate Console section, result banner below Console, rename Step 1 to Detect
Changes
Diff
diff --git a/docs/index.html b/docs/index.html
index 6579085..b0877e3 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -86,7 +86,7 @@
/* ── Detect badge ────────────────────────────────────── */
.detect-badge {
- display: inline-flex;
+ display: flex;
align-items: center;
gap: 0.5rem;
border-radius: 6px;
@@ -275,12 +275,11 @@
<p>Flash RTNode firmware directly from your browser — no Python or tools required.</p>
</header>
- <!-- Step 1: Connect & Detect -->
+ <!-- Step 1: Detect -->
<section class="step">
- <div class="step-label">Step 1 — Connect & Detect</div>
+ <div class="step-label">Step 1 — Detect</div>
<div class="flash-box">
<p>Connect your RTNode via USB, then click <strong>Detect</strong> to identify the board automatically.</p>
- <div id="detect-status" style="display:none"></div>
<button id="detect-btn" class="flash-btn">🔌 Connect & Detect</button>
</div>
</section>
@@ -307,15 +306,6 @@
Bootloader, partition table, and all saved settings (LoRa config, identity, WiFi) are left untouched.
</p>
- <!-- Progress (hidden until flashing) -->
- <div id="progress-wrap" class="progress-wrap" style="display:none">
- <div class="progress-track"><div id="progress-fill" class="progress-fill"></div></div>
- <div id="progress-pct" class="progress-pct">0%</div>
- </div>
-
- <!-- Log (hidden until activity) -->
- <div id="log-area" class="log-area" style="display:none"></div>
-
<div class="btn-row">
<button id="flash-btn" class="flash-btn" disabled>⚡ Flash Firmware</button>
<button id="redetect-btn" class="flash-btn secondary">↻ Re-detect</button>
@@ -324,6 +314,19 @@
</div>
</section>
+ <!-- Console -->
+ <section class="step">
+ <div class="step-label">Console</div>
+ <div id="progress-wrap" class="progress-wrap" style="display:none">
+ <div class="progress-track"><div id="progress-fill" class="progress-fill"></div></div>
+ <div id="progress-pct" class="progress-pct">0%</div>
+ </div>
+ <div id="log-area" class="log-area" style="display:none"></div>
+ </section>
+
+ <!-- Result -->
+ <div id="detect-status" style="display:none; margin-bottom: 2.2rem"></div>
+
<!-- Requirements -->
<section class="step">
<div class="step-label">Requirements</div>
Served by rngit 1.5.2 - Generated in 0.01s